import React from "react";
import NavLink from  "../NavLink/NavLink"


export default class App extends React.Component{
    render () {
        return (
            <div>
                <div id="top">
                    <nav className="navbar navbar-inverse navbar-fixed-top">
                        <div className="container">
                        <div className="navbar-header">
                            <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span className="sr-only">Toggle navigation</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            </button>
                            <a className="navbar-brand" href="#" id="logo">傻不拉几网</a>
                        </div>
                        <div id="navbar" className="collapse navbar-collapse">
                            <ul className="nav navbar-nav">
                                <li><NavLink to="/" onlyActiveOnIndex activeClassName="active" onlyActiveOnIndex>主界面</NavLink></li>
                                <li><NavLink to="/news" activeClassName="active">新闻中心</NavLink></li>
                                <li><NavLink to="/goods" activeClassName="active">产品中心</NavLink></li>
                                <li><NavLink to="/carts" activeClassName="active">购物车</NavLink></li>
                                {/*<li><NavLink to="/comments/59fc1887a74a841a5472e7ab" activeClassName="active">购物车</NavLink></li>*/}
                            </ul>
                        </div>
                        </div>
                    </nav>
                </div>
                {this.props.children}
                {/*底部*/}
                <footer id="foot">
                    <div className="dibu">
                        <ul className="clearfix">
                            <li><a href="#">加入我们</a></li>
                            <li><a href="#">新浪官方微博</a></li>
                            <li><a href="#">投资者关系</a></li>
                            <li><a href="#">加入我们</a></li>
                            <li><a href="#">加入我们</a></li>
                            <li><a href="#">投资者关系</a></li>
                            <li><a href="#">加入我们</a></li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                    </div>
                    <p>
                        <em>投资者关系投资者关系投资者关系</em>
                        <a href="#">投资者关投资者关系投资者关系系</a>
                        <em>投资者关系投资者关系投资者关系</em>
                    </p>
                    <div><em>投资者关系投资者关系投资者关系投资者关系投资者关系投资投资者关系投资者关系投资</em></div>
                    <i><a href="#"></a><b>扫一扫关注微博</b></i>
                    <strong><a href="#"></a><b>扫一扫关注微博</b></strong>
                </footer>
            </div>
        )
    }
}